<template>
  <div class="search">
    <SearchHead />
    <div class="searchContent">
      <p>大家爱搜</p>
      <ul class="searchList">
        <li>身体乳</li>
        <li>口红</li>
        <li>控油</li>
        <li>粉饼</li>
        <li>精华</li>
      </ul>
    </div>
  </div>
</template>

<script>
import SearchHead from "../components/searchHead"
export default {
  name: "Search",
  components: {
    SearchHead
  }
}
</script>
<style lang="less" scoped>
  .searchContent{
    background-color: #fff;
    padding: 10px;
    p{
      font-size: 14px;
      color: #808080;
    }
    .searchList{
      li{
        float: left;
        border: 1px solid #ff406f;
        border-radius: 6px;
        padding: 5px 10px;
        font-size: 12px;
        color: #808080;
        margin: 10px 27px 0 0; 
      }
      li:last-child{
        margin-right: 0;
      }
    }
  }
</style>


